<script setup>
import {Head} from "@inertiajs/vue3";
import BreadCrumb from "./BreadCrumb.vue";
import AppLayout from "./AppLayout.vue";

defineProps({
    breadcrumbs: {
        type: Array,
        default: () => []
    },
    title: {
        type: String,
        default: ''
    },
})
</script>

<template>
    <Head v-if="title" :title="title"/>
    <AppLayout>
        <div class="p-3 flex-1">
            <BreadCrumb v-if="breadcrumbs.length > 0" :items="breadcrumbs"/>
            <slot/>
        </div>
    </AppLayout>
</template>

<style scoped>

</style>
